<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/style.css">
		<title>实验8</title>
	</head>
	<body>
		<!-- 头部 -->
		<header id="headBox">
			<div id="header">
				<div id="logo">
					<img src="images/logo.png" alt="logo">
				</div>
				<div id="nav">
					<a href="#">关于我们</a>
					<a href="#">生活日记</a>
					<a href="#">家居产品</a>
					<a href="#">亮点生活</a>
					<a href="#">联系我们</a>
				</div>
			</div>
		</header>
		<!-- 点亮生活 -->
		<section class="titleBox">点亮生活</section>
		<!-- banner -->
		<section id="banner">
			<img src="images/b1.jpg" alt="banner">
		</section>
		<!-- 家居产品 -->
		<section class="titleBox">家居产品</section>
		<!-- main -->
		<section id="main">
			<div class="mainBox">
				<p><img src="images/p1.jpg" alt=""></p>
				<h2>炫酷风采</h2>
				<h4>墙饰设计</h4>
			</div>
			<div class="mainBox">
				<p><img src="images/p2.jpg" alt=""></p>
				<h2>温馨一刻</h2>
				<h4>灯具设计</h4>
			</div>
			<div class="mainBox">
				<p><img src="images/p3.jpg" alt=""></p>
				<h2>海的那边</h2>
				<h4>家居设计</h4>
			</div>
			<div class="mainBox">
				<p><img src="images/p4.jpg" alt=""></p>
				<h2>无意识流</h2>
				<h4>纺织品设计</h4>
			</div>
			<div class="mainBox">
				<p><img src="images/p5.jpg" alt=""></p>
				<h2>幸福港湾</h2>
				<h4>灯光设计</h4>
			</div>
			<div class="mainBox">
				<p><img src="images/p6.jpg" alt=""></p>
				<h2>智慧厨房</h2>
				<h4>收纳设计</h4>
			</div>
		</section>

		<!-- footer -->
		<footer id="foot">
			<br>Copyright &copy;2022.泉州尚品家居科技发展公司
			<br>地址：泉州市洛江区仰恩大学泽川楼 301 室 邮编：362014
		</footer>
	</body>
</html>
